<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html>
<html lang="utf-8">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/resources/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/resources/css/font-awesome.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/resources/css/carousel.css">
    <style>
        h3 {
            font-weight: bold;
        }

        #footer {
            padding: 15px 0;
            background: #fff;
            border-top: 1px solid #ddd;
            text-align: center;
        }

        /* 侧栏导航 */

        .sideBox .hd h3 span {
            font-weight: bold;
            font-size: 14px;
            color: #fff;
        }

        .sideBox .bd {
            padding: 5px 0 0;
        }

        #sideMenu .bd li {
            margin-bottom: 2px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            overflow: hidden;
        }

        #sideMenu .bd li a {
            display: block;
            background: #EAE6DD;
        }

        #sideMenu .bd li a:hover {
            background: #D5CFBF;
        }

        /* 列表页 */
        #mainBox1 {
            margin-bottom: 10px;
            padding: 10px;
            background: #fff;
            overflow: hidden;
        }

        #mainBox1 .mHd {
            border-bottom: 2px solid #09c;
            height: 30px;
            line-height: 30px;
        }

        #mainBox1 .mHd h3 {
            display: initial;
            *display: inline;
            zoom: 1;
            padding: 0 15px;
            background: #09c;
            color: #fff;
        }

        #mainBox1 .mHd h3 span {
            color: #fff;
            font-size: 14px;
            font-weight: bold;
        }

        #mainBox1 .path {
            float: right;
        }

        /* 列表页 */
        #mainBox2 {
            margin-bottom: 10px;
            padding: 10px;
            background: #fff;
            overflow: hidden;
        }

        #mainBox2 .mHd {
            border-bottom: 2px solid #09c;
            height: 30px;
            line-height: 30px;
        }

        #mainBox2 .mHd h3 {
            display: initial;
            *display: inline;
            zoom: 1;
            padding: 0 15px;
            background: #09c;
            color: #fff;
        }

        #mainBox2 .mHd h3 span {
            color: #fff;
            font-size: 14px;
            font-weight: bold;
        }

        #mainBox2 .path {
            float: right;
        }

        /* 列表页 */
        #mainBox3 {
            margin-bottom: 10px;
            padding: 10px;
            background: #fff;
            overflow: hidden;
        }

        #mainBox3 .mHd {
            border-bottom: 2px solid #09c;
            height: 30px;
            line-height: 30px;
        }

        #mainBox3 .mHd h3 {
            display: initial;
            *display: inline;
            zoom: 1;
            padding: 0 15px;
            background: #09c;
            color: #fff;
        }

        #mainBox3 .mHd h3 span {
            color: #fff;
            font-size: 14px;
            font-weight: bold;
        }

        #mainBox3 .path {
            float: right;
        }

        /* 位置导航 */
        .path {
            height: 30px;
            line-height: 30px;
            padding-left: 10px;
        }

        .path a, .path span {
            margin: 0 5px;
        }

        #myCarousel {
            position: relative;
            top: 50px;
        }

        .mokuai {
            position: relative;
            left: 5%;
        }

        #logoimg {
            float: left;
            width: 150px;
            height: 50%;
            padding: 5px 5px;
        }

        .mokuai:hover {
            cursor: pointer;
        }

        #p1 {
            border: 1px solid #843534;
            background-color: #843534;

        }

        span {
            color: #adadad;

        }
    </style>
</head>
<body>
<div class="navbar-wrapper ">
    <div class="container ">
        <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
            <div class="container">
                <div class="navbar-header">
                    <img id="logoimg" src="${pageContext.request.contextPath}/resources/img/logo2.png"/>
                    <a class="navbar-brand" href="${pageContext.request.contextPath}/index.jsp" style="font-size:32px;">在线报修平台</a>
                </div>
                <c:if test="${account == null}">
                    <div id="navbar" class="navbar-collapse collapse" style="float:right;">
                        <ul class="nav navbar-nav navbar-right">
                            <li><a href="${pageContext.request.contextPath}/page/user/login-user.jsp">用户登录</a></li>
                            <li><a href="${pageContext.request.contextPath}/page/leader/login-leader.jsp">负责人登录</a></li>
                            <li><a href="${pageContext.request.contextPath}/page/register.jsp">我要注册</a></li>
                            <li class="dropdown">
                        </ul>
                    </div>
                </c:if>
                <c:if test="${account !=null && hasRole == 'hasUser'}">
                    <div id="navbar1" class="navbar-collapse collapse" style="float:right;">
                        <ul class="nav navbar-nav navbar-right">
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i
                                    class="glyphicon glyphicon-user"></i>欢迎 &nbsp; ${account}&nbsp;<span
                                    class="caret"></span></a>
                                <ul class="dropdown-menu" role="menu">
                                    <li>
                                        <a rel="nofollow" href="${pageContext.request.contextPath}/userpage"><i
                                            class="glyphicon glyphicon-th-large"></i> 报修申请</a>
                                    </li>
                                    <li>
                                        <a rel="nofollow" href="${pageContext.request.contextPath}/userpage-2"><i
                                            class="glyphicon glyphicon-edit"></i> 我的报修</a>
                                    </li>
                                    <li>
                                        <a rel="nofollow" href="${pageContext.request.contextPath}/userpage-3"><i
                                            class="glyphicon glyphicon-user"></i> 修改信息</a>
                                    </li>
                                    <li class="divider"></li>
                                    <li><a href="${pageContext.request.contextPath}/user/quit"><i
                                        class="glyphicon glyphicon-off"></i> 退出系统</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </c:if>
                <c:if test="${account !=null && hasRole == 'hasLeader'}">
                    <div id="navbar1" class="navbar-collapse collapse" style="float:right;">
                        <ul class="nav navbar-nav navbar-right">
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i
                                    class="glyphicon glyphicon-user"></i>欢迎 &nbsp; ${account}&nbsp;<span
                                    class="caret"></span></a>
                                <ul class="dropdown-menu" role="menu">

                                    <li>
                                        <a rel="nofollow" href="${pageContext.request.contextPath}/leaderpage"><i
                                            class="glyphicon glyphicon-th-large"></i>报修申请单</a>
                                    </li>
                                    <li>
                                        <a rel="nofollow" href="${pageContext.request.contextPath}/gaipaipage"><i
                                            class="glyphicon glyphicon-th-large"></i>改派申请</a>
                                    </li>
                                    <li>
                                        <a rel="nofollow" href="${pageContext.request.contextPath}/qjListpage"><i
                                            class="glyphicon glyphicon-th-large"></i>请假申请单</a>
                                    </li>
                                    <li>
                                        <a rel="nofollow"
                                           href="${pageContext.request.contextPath}/tbQingjia/inQingJiaPage?leaderAccount=${account}"><i
                                            class="glyphicon glyphicon-th-large"></i>请假申请</a>
                                    </li>
                                    <li>
                                        <a rel="nofollow" href="${pageContext.request.contextPath}/leaderpage-3"><i
                                            class="glyphicon glyphicon-user"></i> 修改信息</a>
                                    </li>
                                    <li class="divider"></li>
                                    <li><a href="${pageContext.request.contextPath}/user/quit"><i
                                        class="glyphicon glyphicon-off"></i> 退出系统</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </c:if>
                <c:if test="${account !=null && hasRole == 'hasAdmin'}">
                    <div id="navbar1" class="navbar-collapse collapse" style="float:right;">
                        <ul class="nav navbar-nav navbar-right">
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i
                                    class="glyphicon glyphicon-user"></i>欢迎 &nbsp; ${account}&nbsp;<span
                                    class="caret"></span></a>
                                <ul class="dropdown-menu" role="menu">
                                        <%--留空--%>
                                    <li class="divider"></li>
                                    <li><a href="${pageContext.request.contextPath}/user/quit"><i
                                        class="glyphicon glyphicon-off"></i> 退出系统</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </c:if>
            </div>
        </nav>

    </div>
</div>


<!-- Marketing messaging and featurettes
================================================== -->
<!-- Wrap the rest of the page in another container to center all the content. -->

<div class="container marketing" style="margin-top: 5%;">
    <div class="container-fluid" id="div1">
        <h1 align="center">${tbEssay.essayTitle}
            <div style="float: right">
                <button onclick="history.back();" class="btn btn-info" data-toggle="tooltip" title="返回上一页">返回</button>
            </div>
        </h1>
        <p align="center" id="p1">
            <span><fmt:formatDate value="${tbEssay.addTime}" pattern="yyyy-MM-dd HH:mm:ss"/> </span>
            <span>来源：${tbEssay.essaySource}</span>
            <span>作者：<strong>${tbEssay.essayAuthor}</strong></span>
            <span>责编：<strong>${tbEssay.essayAuthor}</strong></span></p>
    </div>
    <div class="container-fluid">
        <p align="center"><img src="/upload/${tbEssay.essayImg}" title="${tbEssay.essayBrief}" width="600" height="300">
        </p>
        <p align="center" style="line-height: 40px"><span
            style="color: #3c3c3c; font-family: 华光综艺_CNKI;font-size: medium">${tbEssay.essayContent}</span></p>
        <p align="center"><img src="/upload/${tbEssay.essayImg2}" title="${tbEssay.essayBrief}" width="600"
                               height="300"></p>
        <p align="center"><img src="/upload/${tbEssay.essayImg3}" title="${tbEssay.essayBrief}" width="600"
                               height="300"></p>
    </div>
</div>


<script src="${pageContext.request.contextPath}/resources/jquery/jquery-2.1.1.min.js"></script>
<script src="${pageContext.request.contextPath}/resources/bootstrap/js/bootstrap.min.js"></script>
<script src="${pageContext.request.contextPath}/resources/script/docs.min.js"></script>
<script src="${pageContext.request.contextPath}/resources/script/back-to-top.js"></script>
</body>
<script>
    $(function () {
        $("[data-toggle='tooltip']").tooltip();
    });
</script>
</html>